<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2024-10-13 17:51:25
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-10-13 21:23:52
 * @FilePath: /aibox/src/modules/good/src/check.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="page">
    <div class="section pitch_sm p_default">
      <div class="row align-items_center">
        <div>
          <van-image
            class=""
            round
            width="2rem"
            height="2rem"
            src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
          />
        </div>
        <div class="flex px_sm">
          <p class="username">用户名</p>
        </div>
      </div>
      <div class="row">
        <div class="price h3">
          <small class="dollar">¥</small>999<small class="unit">/两</small>
        </div>
      </div>
      <div class="row">
        魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20
        白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20
        白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20
        白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20
        白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20
        白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色魅族20 白色
      </div>
      <div class="row">
        <van-image
          class="radius_default"
          width="100%"
          fit="cover"
          position="center"
          src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
        />
      </div>
    </div>

    <div class="footer px_sm py_xs">
      <div class="align-items_center justify_between ">
        <div></div>
        <div>
          <van-button class="ml_sm px_md" type="primary" size="small" round>下架</van-button>
          <van-button class="ml_sm px_md" type="primary" size="small" round>确认交易</van-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { Footer } from '@/components';
export default defineComponent({
  name: 'Sell',
  components: {
    Footer
  }
});
</script>

<style lang="scss" scoped>
.price {
  font-weight: bold;
  color: #ff4f24;
  .dollar {
    font-size: 12px;
  }
  .unit {
    font-size: 14px;
  }
}
</style>
